﻿@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px; }

html {
  height: 100%;
  overflow: hidden; }

body {
  height: 100%;
  overflow: auto;
  font-size: 12px;
  background: #FFF;
  position: relative;
  font-family: "Microsoft YaHei", "Arial", simsun, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

img {
  border: 0px; }

a {
  outline: none; }

a:focus {
  outline: none; }

.navwrapper {
  background: #2f80d1; }

#north {
  height: 40px;
  position: relative !important;
  color: #FFF;
  z-index: 11; }

#west {
  position: absolute;
  top: 70px;
  bottom: 30px;
  background: #F9F9F7;
  border-right: 1px solid #DDD; }

#funcbar {
  padding-top: 1px;
  height: 30px;
  background: none repeat scroll 0 0 #f9f9f7;
  border-bottom: 1px solid #DDD;
  position: relative;
  z-index: 10;
  margin-left: 0; }

#barSwitcher {
  border-radius: 10px;
  display: inline-block;
  float: left;
  margin-left: 10px;
  margin-top: 5px; }

#barSwitcher .barTitle {
  font-weight: bold;
  margin-left: 10px; }

#bar_left {
  float: left;
  height: 30px;
  margin-left: 200px;
  overflow: hidden; }

.marginLeft5 {
  margin-left: 5px; }

#center {
  position: absolute;
  right: 0px;
  top: 71px;
  bottom: 30px; }

#east {
  position: absolute;
  width: 280px;
  padding: 10px 15px;
  background: #F9F9F7;
  top: 40px;
  right: -310px;
  bottom: 0;
  border-left: 1px solid #DADADA;
  z-index: 11; }

#center .tabs-panel {
  width: 100%;
  height: 100%;
  display: none;
  transition: all 0.3s ease; }

#center .selecting {
  -webkit-transform: translate3d(0, 0, 0); }

#center .unselecting {
  position: absolute;
  left: 0;
  display: block;
  -webkit-transform: translate3d(100%, 0, 0); }

#center .selected {
  display: block; }

#center .tabs-panel iframe {
  width: 100%;
  height: 100%; }

#overlay {
  z-index: 99; }

.tosbg {
  display: none;
  width: 100%;
  height: 100%;
  background: #f9f9f7; }

.tosbg div {
  width: 202px;
  height: 230px;
  font-size: 40px;
  text-align: center;
  line-height: 40px;
  color: #999;
  position: absolute;
  top: 50%;
  margin-top: -115px;
  left: 50%;
  margin-left: -101px; }

.tosbg a {
  font-size: 16px;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 200px;
  border: 1px solid #0088cc;
  border-radius: 4px;
  margin: 20px auto;
  text-decoration: none; }

.tosbg a:hover {
  background: #fff;
  color: #0B75A8;
  border: 1px solid #38A5DB; }

#notice_tip {
  position: absolute;
  z-index: 10003;
  right: 10px;
  bottom: -3px;
  border: 1px #d0d0d0 solid;
  border-bottom: 0px;
  background: #fff;
  width: 300px;
  height: 220px;
  display: none;
  border-radius: 4px; }

#notice_head {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background-color: #2f80d1;
  color: #fff;
  padding: 5px 10px; }

#notice_body {
  line-height: 25px;
  min-height: 140px;
  padding: 5px 10px; }

#notice_foot {
  text-align: center;
  overflow: hidden;
  padding: 5px 0px; }

#notice_foot a {
  text-decoration: none; }

.menu-scroll {
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  display: none; }

.scroll-up {
  border-bottom: 1px solid #ddd;
  background: url("../../img/arrow_up.png") center center no-repeat #f2f2f2; }

.scroll-up:hover {
  background: url("../../img/arrow_up_dark.png") center center no-repeat #f2f2f2; }

.scroll-up img, .scroll-down img {
  margin: 0 90px; }

.left-mini .scroll-up img, .left-mini .scroll-down img {
  margin: 0 17px; }

.scroll-down {
  border-top: 1px solid #ddd;
  background: url("../../img/arrow_down.png") center center no-repeat #f2f2f2; }

.scroll-down:hover {
  background: url("../../img/arrow_down_dark.png") center center no-repeat #f2f2f2; }

.first-menu {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #f9f9f7; }

.first-menu .iconfont {
  font-size: 30px; }

div.first-menu-item {
  display: block;
  padding: 12px 15px;
  color: #333;
  position: relative;
  padding-left: 51px;
  border: 1px solid #F9F9F7;
  cursor: pointer; }

div.first-menu-item-hover {
  background: #FFF;
  border: 1px solid #dddddd;
  border-right: 1px solid #ffffff;
  position: relative;
  padding-left: 50px;
  left: 1px;
  z-index: 11; }

.first-menu-item i {
  color: #63A3E2;
  position: absolute;
  top: 4px;
  left: 10px; }

.first-menu-item-hover.first-menu-item i {
  left: 9px; }

.first-menu-title {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  display: inline-block; }

.second-panel {
  display: none;
  width: 400px;
  position: absolute;
  bottom: 20px;
  overflow-y: auto;
  background: #FFF;
  border: 1px solid #dddddd;
  color: #2f80d1;
  z-index: 12;
  padding: 0px 10px;
  margin-left: -1px;
  box-shadow: 2px 2px 6px 0px #DADADA;
  -webkit-box-shadow: 2px 2px 6px 0px #DADADA;
  -moz-box-shadow: 2px 2px 6px 0px #DADADA;
  border-radius: 5px;
  /*修复无缘无故出现的bug*/
  left: 146px; }

.second-panel:hover {
  border: 1px solid #dddddd; }

.second-panel h4 {
  margin: 20px 0px;
  margin-bottom: 10px;
  padding-left: 14px; }

.second-panel a, #menu_panel a {
  color: #686868;
  border-radius: 3px;
  margin: 3px 10px; }

.second-panel a:hover #menu_panel a:hover {
  color: #0055aa; }

.second-menu {
  margin: 0;
  padding: 0; }

.second-menu li {
  float: left;
  list-style: none;
  width: 99px;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

.second-menu li.expand {
  clear: both;
  width: 100%;
  margin-top: 10px; }

.second-menu .expand > a, .second-menu .expand > a:hover, #menu_panel .expand > a, #menu_panel .expand > a:hover {
  color: #2f80d1;
  background: #fff;
  font-weight: bold;
  cursor: default; }

a.second-menu-item {
  padding: 3px 5px;
  display: inline-block;
  text-decoration: none;
  color: #686868; }

a.second-menu-item:hover, #menu_panel a.second-menu-item:hover {
  color: #fff;
  background-color: #b4c2cc;
  text-decoration: none; }

.third-menu {
  margin: 0;
  padding: 0; }

a.third-menu-item {
  color: #686868;
  padding: 3px 5px;
  display: inline-block;
  /**+display: inline;
    *+zoom: 1;*/
  text-decoration: none; }

a.third-menu-item:hover, #menu_panel a.third-menu-item:hover {
  color: #fff;
  background-color: #b4c2cc;
  text-decoration: none; }

.west-footer {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  bottom: 0px;
  background: #F9F9F7;
  border-top: 1px solid #DDD; }

.west-footer ul.ft-links {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 15px; }

.west-footer ul.ft-links li.ft-link {
  float: left;
  margin-left: 0;
  margin-right: 20px; }

.ft-link a {
  color: #5b99ee;
  line-height: 40px;
  font-size: 24px; }

.ft-link a:hover {
  text-decoration: none;
  color: #0666c5; }

.west-handle:link {
  text-decoration: none;
  outline: none; }

.west-handle:hover {
  text-decoration: none; }

.left_arrow {
  display: inline; }

.right_arrow {
  display: none; }

#logo {
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  overflow: hidden; }

#infobar {
  width: 200px;
  margin: 4px 0px 0px 0px; }

.infonav {
  list-style: none;
  padding: 0;
  margin: 5px 10px 0 0;
  text-align: right; }

.navin {
  display: inline-block;
  position: relative;
  /**+display: inline;
    *+zoom: 1;*/ }

a.nav-item {
  position: relative;
  /* margin-right: 10px; */
  padding: 10px 6px;
  text-decoration: none;
  color: #CAE8FF;
  font-size: 22px; }

a.nav-item:hover {
  text-decoration: none;
  color: #fff; }

.infonav.highlight a.nav-item {
  color: #99C4FF;
  padding: 4px 10px; }

a.nav-item.on {
  background: #F9F9F7;
  color: #0666c5; }

.info {
  margin: 0;
  padding: 0;
  list-style: none; }

.info a {
  display: inline-block;
  /**+display: inline;
    *+zoom: 1;*/
  padding: 3px 5px; }

.info-wrap {
  display: none;
  position: absolute;
  top: 31px;
  left: -115px;
  width: 266px;
  z-index: 99;
  background: #f9f9f7;
  text-align: center;
  border: 1px solid #ccc;
  border-top: #fff;
  margin: 0;
  box-shadow: 0px 0px 8px 0px #B6B6B6;
  -webkit-box-shadow: 0px 0px 8px 0px #B6B6B6;
  -moz-box-shadow: 0px 0px 8px 0px #B6B6B6; }

#info_avater:hover .info-wrap {
  display: block; }

#info_avater:hover #avatar {
  background-color: #fff;
  color: #0666c5; }

.person-info-line {
  line-height: 22px; }

.person-info-header {
  padding: 8px;
  border-bottom: 1px solid #ccc; }

.person-info-avator {
  width: 60px;
  height: 60px;
  overflow: hidden;
  float: left;
  margin: 5px;
  border-radius: 30px; }

.person-info-content {
  text-align: left;
  margin-left: 75px; }

.person-info-name {
  color: #333;
  font-size: 14px;
  font-weight: normal;
  margin: 4px 0px 4px 0px; }

.person-info-online {
  font-size: 12px;
  font-weight: normal;
  position: relative;
  display: inline-block;
  /**+display: inline;
    *+zoom: 1;*/ }

.person-info-online i {
  font-size: 14px;
  cursor: pointer; }

.person-info-tip {
  display: none;
  border: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  left: -1px;
  top: 18px;
  width: 70px; }

.person-info-tip a {
  display: block;
  text-decoration: none;
  height: 20px;
  line-height: 20px; }

.person-info-tip a:hover {
  background-color: #e3e3e3; }

.info-tip-title {
  margin-left: 6px;
  color: #555; }

.tip-1 {
  color: #89C442; }

.tip-2 {
  color: #DA5340; }

.tip-3 {
  color: #6e6e6e; }

.person-info-cog {
  float: right;
  margin-top: -6px; }

.person-info-cog:hover {
  border: 1px solid #ccc;
  text-decoration: none; }

.person-info-cog i {
  font-size: 25px;
  color: #555; }

.person-info-detail {
  color: #666;
  margin: 0px;
  line-height: 20px; }

.person-info-body a {
  display: inline-block;
  /**+display: inline;
    *+zoom: 1;*/
  padding: 10px 45px;
  text-decoration: none; }

#person_info {
  border-right: 1px solid #ddd; }

#taskbar {
  padding-top: 10px; }

#funcmenu_switcher {
  display: inline-block;
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  border-radius: 10px; }

#funcmenu_switcher:hover {
  cursor: pointer; }

#funcmenu_switcher span {
  margin-left: 10px;
  font-weight: bold; }

.funcmenu_switcher {
  background-image: url("../../img/open.png");
  position: absolute;
  width: 31px;
  height: 16px;
  left: 76px;
  top: 8px; }

.funcmenu_switcher.active {
  background-image: url("../../img/close.png"); }

#funcbar_left {
  overflow: hidden;
  height: 30px;
  float: left;
  margin-left: 200px; }

#funcbar_right {
  height: 30px;
  line-height: 30px;
  float: right;
  margin-right: 30px; }

#funcbar_right i {
  cursor: pointer;
  font-size: 20px;
  color: #5A5A5A;
  margin-right: 10px; }

#funcbar_right i:hover {
  color: #86BBEF; }

.second-tabs-container a {
  display: inline-block;
  margin-left: 20px;
  margin-top: 5px;
  padding: 0px 10px; }

.second-tab-item {
  cursor: pointer; }

.second-tabs-container a:hover, .second-tabs-container a.active {
  background: #2f80d1;
  color: #FFF;
  border-radius: 10px;
  text-decoration: none; }

.west {
  width: 145px;
  left: 0px; }

.TOS .center {
  left: 146px; }

.funcbar {
  margin-left: 0px; }

#east .east-handle {
  z-index: 10;
  text-decoration: none; }

.east-handle {
  display: none;
  position: absolute;
  width: 20px;
  height: 50px;
  top: 150px;
  left: -21px;
  background: #f9f9f7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #dddddd;
  border-right: 1px solid #F9F9F7;
  /*
    box-shadow: 0px 2px 3px 0px #ccc;
    -webkit-box-shadow: 0px 2px 3px 0px #ccc;
    -o-box-shadow: 0px 2px 3px 0px #ccc;
    -ms-box-shadow: 0px 2px 3px 0px #ccc;
    -moz-box-shadow: 0px 2px 3px 0px #ccc;
    */ }

#east .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  background: #f9f9f7;
  outline: none;
  color: #2f80d1; }

.notip {
  display: none;
  width: 100%;
  text-align: center;
  color: #999; }

span.cal_content {
  width: 200px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

a.common-font {
  color: #333;
  overflow: hidden; }

a.common-font .pull-right {
  color: #999; }

.left-mini .west {
  width: 50px; }

.left-mini .first-menu-item {
  height: 45px;
  padding: 0;
  margin-left: 0px; }

.left-mini .first-menu-title {
  display: none; }

.left-mini .ft-link-icon {
  display: none; }

.left-mini .center {
  left: 51px; }

.open-menu .west {
  left: -200px; }

.left-mini #mini-notification {
  left: 51px; }

.open-menu .center {
  left: 0px; }

.open-menu #mini-notification {
  left: 0px; }

/*.left-mini  .funcbar{*/
/*margin-left: 51px;*/
/*}*/
.right-mini #east {
  right: 0px;
  -webkit-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  -moz-transform-origin: left;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out; }

.right-mini .east-handle {
  display: block;
  right: 301px;
  top: 80px;
  -webkit-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  -moz-transform-origin: left;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  box-shadow: -2px 2px 1px 0px #ddd;
  -webkit-box-shadow: -2px 2px 1px 0px #ddd;
  -moz-box-shadow: -2px 2px 1px 0px #ddd; }

.left-mini .left_arrow {
  display: none; }

.left-mini .right_arrow {
  display: block; }

#east .nav-pill {
  font-size: 14px;
  font-weight: bold;
  width: 92px;
  text-align: center; }

.nav-pill a {
  color: #333; }

.msg-tool, .org_tool {
  display: block;
  margin-bottom: 10px; }

.msg-tool .btn, .org_tool .btn {
  width: 50%;
  cursor: pointer; }

/*-------------------------- lijun add for pulse bar -------------------------*/
#progressBar {
  height: 2px;
  width: 7%;
  background: rgba(0, 128, 255, 0.6);
  position: fixed;
  left: 145px;
  z-index: 4; }

.left-mini #progressBar {
  left: 50px; }

.open-menu #progressBar {
  left: 0; }

#progressBar.done {
  opacity: 0; }

#flashBar {
  height: 2px;
  width: 100px;
  position: absolute;
  right: -10px;
  opacity: 1;
  border-radius: 100%;
  -webkit-box-shadow: #0238A1 -5px 0px 6px 1px;
  -webkit-animation: flash 3s ease-out infinite; }

@-webkit-keyframes flash {
  30% {
    opacity: 0.3; }
  60% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* lijun add for notification */
#mini-notification {
  font-family: helvetica, 'Georgia', arial, sans-serif;
  display: none;
  position: fixed;
  left: 201px;
  cursor: pointer;
  right: 0px;
  background: #2f96b4;
  font-size: 14px;
  text-align: center;
  z-index: 8;
  color: #fff;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

#mini-notification.success {
  background: #5bb75b; }

#mini-notification.fail {
  background: #bd362f; }

#mini-notification.warning {
  background: #f89406; }

#mini-notification p {
  margin-top: 10px; }

#mini-notification .inner {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding-right: 60px; }

#mini-notification .closeMsg {
  position: absolute;
  color: #FFF;
  top: 5px;
  right: -20px; }

#mini-notification a.closeMsg:hover {
  text-decoration: underline; }

/* 主界面状态栏 */
#south {
  width: 100%;
  height: 30px;
  overflow: hidden;
  position: absolute;
  border-top: 1px #d0d0d0 solid;
  bottom: 0;
  background: #f9f9f7;
  z-index: 99; }

#hero_bar #reg_area {
  position: absolute;
  right: 30px;
  top: 0px;
  z-index: 10;
  height: 30px;
  line-height: 30px;
  padding-left: 20px; }

#south {
  width: 100%;
  height: 30px;
  overflow: hidden; }

#south table {
  width: 100%;
  border: 0px;
  border-collapse: collapse;
  font-size: 12px; }

#south table td.left {
  width: 120px;
  padding-left: 10px;
  text-align: center; }

#south table td.left div {
  cursor: pointer; }

#south table td.left div span {
  padding: 0px 10px;
  color: #f48888;
  font-weight: bold;
  cursor: pointer; }

#south table td.center #status_text {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden; }

#south table td.reg {
  width: 180px;
  text-align: right; }

#south table td.reg .days {
  color: #FE8562; }

#south table td.right {
  width: 140px;
  padding-right: 10px;
  text-align: right; }

#south table td.right a.ipanel_tab:link, #south table td.right a.ipanel_tab:hover, #south table td.right a.ipanel_tab:active, #south table td.right a.ipanel_tab:visited {
  display: inline-block;
  width: 30px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  z-index: 5;
  margin-right: 10px; }

/*
#south table td.right a.ipanel_tab.active{
   background:#E0ECFF;
	border:1px solid #8DB2E3;
	border-top:none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
*/
#south table td.right #nocbox {
  background: url("../../img/desktop_icons.png") -323px 0px no-repeat; }

#south table td.right #nocbox:hover, #south table td.right #nocbox.active {
  background: url("../../img/desktop_icons.png") -323px -25px no-repeat; }

#south table td.right #smsbox {
  background: url("../../img/desktop_icons.png") -174px 0px no-repeat; }

#south table td.right #smsbox:hover, #south table td.right #smsbox.active {
  background: url("../../img/desktop_icons.png") -174px -25px no-repeat; }

#south table td.right #org {
  background: url("../../img/desktop_icons.png") -214px 0px no-repeat; }

#south table td.right #org:hover, #south table td.right #org.active {
  background: url("../../img/desktop_icons.png") -214px -25px no-repeat; }

.icon-animated-bell {
  display: inline-block;
  -moz-animation: ringing 2.0s 5 ease 1.0s;
  -webkit-animation: ringing 2.0s 5 ease 1.0s;
  -o-animation: ringing 2.0s 5 ease 1.0s;
  -ms-animation: ringing 2.0s 5 ease 1.0s;
  animation: ringing 2.0s 5 ease 1.0s;
  -moz-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0; }

/*dMain*/
#dMain {
  /*width: 1220px;*/
  margin: 0 auto; }

.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0; }

.ibox-content {
  overflow-y: initial; }

#wrapper {
  width: 100%;
  overflow-x: hidden;
  background-color: #2f4050; }

.wrapper {
  padding: 0 20px; }

.wrapper-content {
  padding: 10px; }

#page-wrapper {
  padding: 0 15px;
  position: inherit;
  margin: 0 0 0 220px; }

.title-action {
  text-align: right;
  padding-top: 30px; }

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
  margin-top: 5px; }

ol.unstyled, ul.unstyled {
  list-style: none outside none;
  margin-left: 0; }

ol, ul {
  list-style: none; }

.ibox.collapsed .ibox-content {
  display: none; }

.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078"; }

.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077"; }

.ibox:after, .ibox:before {
  display: table; }

.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #e7eaec;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  color: inherit;
  margin-bottom: 0;
  padding: 4px 15px 7px;
  min-height: 40px; }

.ibox-content {
  background-color: #fff;
  color: inherit;
  padding: 15px;
  border-color: #e7eaec;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0; }

.from-content {
  padding: 10px 0;
  font-size: 12px;
  color: #666; }

.from-content dl dt {
  display: block;
  float: left;
  width: 130px;
  text-align: right;
  color: #333; }

.from-content dl dd {
  margin-left: 150px; }

.from-content {
  padding: 0px 15px;
  font-size: 12px;
  color: #666;
  box-sizing: border-box;
  overflow: hidden; }
  .from-content .form-control {
    display: inline-block; }

.from-content:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.from-content dl, .div-content dl {
  clear: both;
  display: block;
  padding: 5px 0;
  line-height: 30px; }

.from-content dl:after, .div-content dl:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.from-content dl:first-child {
  border-top: none; }

.from-content dl dt {
  display: block;
  float: left;
  width: 130px;
  text-align: right;
  color: #6d7e86; }

.from-content dl dd {
  position: relative;
  margin-left: 150px;
  *position: static; }

.from-footer {
  padding: 10px 0;
  height: 32px;
  font-size: 12px; }

.from-footer .btn-wrap {
  position: fixed;
  margin: 0;
  padding: 10px 0;
  top: auto;
  right: 30px;
  bottom: 0;
  background: #fff;
  z-index: 1000; }

.from-footer .btn-wrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

/*树型表格样式*/
.tree-list {
  min-width: 600px;
  font-size: 12px;
  border: 1px solid #eee;
  border-bottom: 0; }

.tree-list .thead {
  padding: 8px 0;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5em;
  border-bottom: 1px solid #eee;
  background: #fafafa; }

.tree-list .thead:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.tree-list .thead .col {
  display: block;
  float: left; }

.tree-list li .tbody {
  padding: 8px 0;
  color: #666;
  font-size: 12px;
  line-height: 1.5em;
  border-bottom: 1px solid #eee; }

.tree-list li .tbody:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.tree-list li .tbody .col {
  display: block;
  float: left;
  min-height: 1.5em; }

.tree-list li .tbody .col .icon {
  display: inline-block;
  margin-right: 2px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  color: #c6c7c8;
  font-size: 12px;
  text-align: center;
  vertical-align: middle; }

.tree-list li .tbody .col .expandable {
  cursor: pointer; }

.tree-list li .tbody .col input {
  vertical-align: middle; }

.tree-list li .tbody .col label {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  text-decoration: none; }

.tree-list li .tbody .col .sort {
  display: inline-block;
  padding: 0 3px;
  border: 1px solid #eee;
  width: 40px;
  height: 20px;
  line-height: 18px;
  color: #666;
  font-size: 12px;
  background: #fff;
  vertical-align: middle; }

/*分组管理*/
.group {
  background-color: #fff; }

.left {
  position: relative;
  float: left;
  width: 213px;
  height: 400px;
  background-color: #f1f1f1; }

.right {
  position: relative;
  float: left;
  width: 742px;
  height: 370px;
  overflow: auto; }

.left1 {
  width: 213px;
  height: 43px;
  background: #dddddd;
  text-align: center;
  line-height: 43px;
  font-size: 14px;
  color: #000; }

.left dl dd {
  margin-left: 0px; }

.left1 span {
  margin-right: 10px; }

.all {
  display: block;
  cursor: pointer;
  font-size: 15px;
  color: #000;
  width: 180px;
  height: 43px;
  text-align: center;
  line-height: 43px; }

.fz {
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 13px;
  color: #000;
  width: 180px;
  height: 43px;
  text-align: center;
  line-height: 43px; }

.left-span {
  position: absolute;
  left: 10px; }

.leftul {
  width: 213px;
  height: 357px;
  margin: 0px;
  padding: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f7f7f7; }

.leftul li {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 44px;
  width: 213px;
  border-bottom: 1px #E0E0E0 solid;
  line-height: 44px; }

.leftul li a {
  text-decoration: none;
  position: relative;
  display: block;
  line-height: 44px;
  color: #000; }

.leftul li a label {
  width: 170px;
  height: 44px; }

.leftul li a span {
  position: absolute;
  left: 30px;
  top: 0px; }

.gname {
  position: relative;
  line-height: 34px;
  width: 670px;
  height: 85px;
  border-bottom: 1px #CCCCCC solid; }

#share1 {
  position: absolute;
  right: 36px;
  bottom: 20px;
  width: 170px;
  height: 34px;
  margin-top: 10px;
  border: 0px; }

#bj {
  font-size: 14px; }

#pp {
  left: 400px; }

/*.bts {
    position: absolute;
    width: 200px;
    height: 35px;
    bottom: 35px;
    left: 250px;
}*/
.control-group {
  margin-bottom: 10px; }

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right; }

.splitter-bar-vertical {
  position: relative;
  width: 8px;
  height: 100%;
  cursor: col-resize;
  cursor: ew-resize;
  background-color: #F7F7F7;
  background-image: url("images/vertical.png");
  background-repeat: no-repeat;
  background-position: center center; }

.splitter-bar-scroll {
  width: 180px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 208px; }

#splitter-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none; }

.splitter-bar-scroll-on {
  z-index: 99;
  border-left: 1px #99C2FF dashed;
  border-right: 1px #99C2FF dashed; }

.splitter-bar-scroll-on .splitter-bar-vertical {
  filter: alpha(opacity=50);
  opacity: 0.5; }

.splitter-bar-scroll-on #splitter-bar {
  display: block;
  filter: alpha(opacity=100);
  opacity: 1; }

.splitter-bar-scroll-on .splitter-bar-bgd {
  background: #cacaca;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  height: 100%;
  filter: alpha(opacity=30);
  opacity: 0.3; }

.splitter-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }

.grouplist {
  background-color: #f1f1f1;
  height: 100%;
  border-right: 1px #CCCCCC solid;
  padding: 0px; }

.groupul {
  margin: 0px;
  padding: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f7f7f7; }

.groupul li {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 44px;
  border-bottom: 1px #E0E0E0 solid;
  line-height: 44px;
  display: block;
  cursor: pointer;
  font-size: 13px;
  color: #000;
  text-align: center;
  background-color: #f7f7f7; }

.groupul li a {
  text-decoration: none;
  position: relative;
  display: block;
  line-height: 44px;
  color: #000; }

.groupul li a label {
  width: 170px;
  height: 44px; }

.grouphead {
  width: 100%;
  height: 43px;
  background: #dddddd;
  text-align: center;
  line-height: 43px;
  font-size: 14px;
  color: #000; }

.addresslist {
  padding: 0 0;
  height: 100%;
  background: #FAFAFA;
  /*width: 250px;
    left: 0px;
    top: 0px;
    bottom: 0px;*/
  border-right: 1px #CCCCCC solid; }

.addresslist p {
  padding-left: 10%;
  background-color: #ececec;
  width: 100%;
  height: 23px;
  line-height: 23px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-family: arial; }

.bts {
  width: 100%;
  height: 42px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

#my_group_show,
#share_show,
#work_show {
  padding-left: 50px;
  background: #E0E0E2; }

.lianxi {
  width: 100%; }

.middle {
  height: 100%;
  background: #FAFAFA;
  width: 250px;
  border-right: 1px #CCCCCC solid; }

#name {
  position: absolute;
  top: 75px;
  right: 0px;
  width: 190px;
  height: 478px; }

.zm {
  position: relative;
  background-color: #FAFAFA; }

.zimu {
  padding-left: 10%;
  background-color: #ececec;
  position: absolute;
  width: 90%;
  height: 23px;
  line-height: 23px;
  text-align: left;
  color: #000;
  font-weight: bold;
  font-family: arial; }

#name_t {
  color: #F00; }

#name_b {
  color: #309; }

.namelist {
  position: relative;
  padding-top: 23px; }

.namelist li {
  border-bottom: 1px #E4E4E4 solid;
  position: relative; }

.namelist li a {
  background-color: #FAFAFA;
  font-size: 13px;
  color: #000;
  text-align: left;
  padding-left: 80px;
  line-height: 41px;
  text-decoration: none; }

.namelist li a:hover {
  background-color: #F3F3F3; }

.namelist li span {
  width: 41px;
  height: 41px;
  position: absolute;
  left: 15px;
  top: 0px;
  overflow: hidden; }

.jianjie {
  /*position: absolute;
    top: 35px;
    left: 200px;*/
  margin-top: 35px;
  margin-left: 200px;
  width: 322px;
  height: 140px; }

.jianjie p {
  height: 34px; }

#xm {
  font-weight: bold;
  line-height: 34px;
  font-size: 30px;
  margin-right: 50px; }

#zhiwu {
  font-size: 16px; }

#gs {
  margin-top: 20px;
  font-size: 16px; }

.jianjie ul {
  margin-top: 5px;
  height: 29px; }

.jianjie ul li {
  width: 50px;
  height: 30px;
  float: left; }

.pic {
  /*position: absolute;
    top: 35px;
    left: 60px;*/
  margin-top: 35px;
  margin-left: 60px;
  width: 120px;
  height: 120px;
  float: left; }

.pic a img {
  width: 120px;
  height: 120px; }

.address {
  /*position: absolute;
    top: 195px;
    left: 5%;*/
  margin-top: 60px;
  margin-left: 5%;
  width: 500px; }

.lb {
  float: left;
  width: 100px;
  color: #969696;
  font-weight: bold;
  display: block;
  text-align: right;
  margin-right: 30px; }

.one_diary {
  text-align: left;
  margin-bottom: 10px;
  /*border-bottom: 1px #CDCDCD solid;*/ }

.diary_type {
  padding: 10px;
  color: #999;
  font-size: 12px;
  background-color: #ffffff;
  /*border-left: 1px #CDCDCD solid;
    border-right: 1px #CDCDCD solid;*/ }

.diary_comment {
  color: #999;
  font-size: 12px;
  background-color: #ffffff;
  border-left: none;
  border-right: none; }

.diary_comment_replay {
  border: #666 1px dashed;
  padding: 8px;
  margin: 8px;
  text-align: left;
  background-color: #fff;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
  background-color: none; }

/* BLOG ARTICLE */
.blog h2 {
  font-weight: 700; }

.blog h5 {
  margin: 0 0 5px 0; }

.blog .btn {
  margin: 0 0 5px 0; }

.article h1 {
  font-size: 48px;
  font-weight: 700;
  color: #2F4050; }

.article p {
  font-size: 15px;
  line-height: 26px; }

.article-title {
  text-align: center;
  margin: 60px 0 40px 0; }

.article .ibox-content {
  padding: 40px; }

.article .social-feed-box {
  margin-bottom: 0;
  border-bottom: none; }

.article .social-feed-box:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid #e7eaec; }

.article .social-feed-box p {
  font-size: 13px;
  line-height: 18px; }

.social-feed-box {
  /*padding: 15px;*/
  border: 1px solid #e7eaec;
  background: #fff;
  margin-bottom: 15px; }

.social-action {
  margin: 15px; }

.social-avatar {
  padding: 15px 15px 0 15px; }

.social-comment .social-comment {
  margin-left: 45px; }

.social-avatar img {
  height: 40px;
  width: 40px;
  margin-right: 10px; }

.social-avatar .media-body a {
  font-size: 14px;
  display: block; }

.social-body {
  padding: 15px; }

.social-body img {
  margin-bottom: 10px; }

.social-footer {
  border-top: 1px solid #e7eaec;
  padding: 10px 15px;
  background: #f9f9f9; }

.social-footer .social-comment img {
  width: 32px;
  margin-right: 10px; }

.social-comment:first-child {
  margin-top: 0; }

.social-comment {
  margin-top: 15px; }

.social-comment textarea {
  font-size: 12px; }

.feed-act {
  height: 22px;
  width: 280px;
  display: inline-block;
  vertical-align: bottom;
  float: right; }

.feed-act a {
  margin-left: 10px;
  float: right;
  height: 18px;
  line-height: 18px;
  font-size: 12px; }

/* MAILBOX */
.mail-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-top: 0;
  padding: 0px;
  margin-bottom: 20px; }

.mail-box-header {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  border-bottom: 0;
  padding: 30px 20px 20px 20px; }

.mail-box-header h2 {
  margin-top: 0px; }

.mailbox-content .tag-list li a {
  background: #ffffff; }

.mail-body {
  border-top: 1px solid #e7eaec;
  padding: 20px; }

.mail-text {
  border-top: 1px solid #e7eaec; }

.mail-text .note-toolbar {
  padding: 10px 15px; }

.mail-body .form-group {
  margin-bottom: 5px; }

.mail-text .note-editor .note-toolbar {
  background-color: #F9F8F8; }

.mail-attachment {
  border-top: 1px solid #e7eaec;
  padding: 20px;
  font-size: 12px; }

.mailbox-content {
  background: none;
  border: none;
  padding: 10px; }

.mail-ontact {
  width: 23%; }

/* FILE MANAGER */
.file-box {
  float: left;
  width: 220px; }

.file-manager h5 {
  text-transform: uppercase; }

.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0; }

.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0; }

.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block; }

.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d; }

.category-list li a {
  color: #666666;
  display: block;
  padding: 5px 0; }

.category-list li {
  display: block; }

.category-list li i {
  margin-right: 8px;
  color: #3d4d5d; }

.category-list li a .text-navy {
  color: #1ab394; }

.category-list li a .text-primary {
  color: #1c84c6; }

.category-list li a .text-info {
  color: #23c6c8; }

.category-list li a .text-danger {
  color: #EF5352; }

.category-list li a .text-warning {
  color: #F8AC59; }

.file-manager h5.tag-title {
  margin-top: 20px; }

.tag-list li {
  float: left; }

.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block; }

.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px; }

.file-manager .hr-line-dashed {
  margin: 15px 0; }

.file .icon,
.file .image {
  height: 100px;
  overflow: hidden; }

.file .icon {
  padding: 15px 10px;
  text-align: center; }

.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px; }

.file-control.active {
  text-decoration: underline; }

.file .icon i {
  font-size: 70px;
  color: #dadada; }

.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec; }

.file-name small {
  color: #676a6c; }

.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em; }

a.compose-mail {
  padding: 8px 10px; }

.mail-search {
  max-width: 300px; }

/*查询区的样式*/
.dSearch {
  margin: 0 auto;
  text-align: center;
  padding-bottom: 10px; }
  .dSearch .btn {
    margin-top: -3px; }
  .dSearch .form-control {
    display: inline-block; }
  .dSearch .layer-date {
    margin-top: -7px; }
  .dSearch table tr td {
    padding: 8px; }
  .dSearch .input-group {
    width: 100%; }
  .dSearch .input-group-addon {
    width: 100px; }
  .dSearch .fix-border {
    border-left: none;
    border-right: none; }

/*多项单选*/
.multi-radio {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  border-radius: 4px; }

.multi-radio:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.multi-radio .boxwrap {
  display: inline-block;
  vertical-align: middle;
  *display: inline; }

.multi-radio a {
  display: inline-block;
  margin: 0 -1px -1px 0;
  float: left;
  padding: 5px 15px;
  line-height: 20px;
  border: 1px solid #eee;
  vertical-align: middle;
  color: #333;
  font-size: 100%;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis; }

.multi-radio a:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.multi-radio a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.multi-radio a:hover {
  background: #C9E1EF;
  text-decoration: none; }

.multi-radio a:active {
  text-decoration: none; }

.multi-radio a.selected {
  background: #16a0d3;
  border-color: #1096c7;
  color: #fff; }

/*单项选择*/
.single-checkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  *display: inline; }

.single-checkbox a, .single-checkbox a:visited {
  display: inline-block;
  border: 1px solid #d4d4d4;
  background: #d4d4d4;
  width: 80px;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 4px; }

.single-checkbox a i {
  display: block;
  width: 50%;
  height: 28px;
  line-height: 28px;
  font-style: normal;
  background: #fff;
  color: #333;
  text-align: center;
  border-radius: 4px; }

.single-checkbox a i.on {
  float: right;
  display: none; }

.single-checkbox a i.off {
  float: left;
  display: block; }

.single-checkbox a.selected {
  border: 1px solid #16a0d3;
  background: #16a0d3; }

.single-checkbox a.selected i.on {
  display: block; }

.single-checkbox a.selected i.off {
  display: none; }

/*多项选择*/
.multi-checkbox {
  display: inline-block;
  vertical-align: middle; }

.multi-checkbox:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.multi-checkbox .boxwrap {
  display: inline-block;
  vertical-align: middle; }

.multi-checkbox a {
  display: inline-block;
  float: left;
  margin: 0 -1px 0 0;
  padding: 5px 15px;
  line-height: 20px;
  border: 1px solid #eee;
  vertical-align: middle;
  color: #333;
  font-size: 100%;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis; }

.multi-checkbox a:hover {
  background: #C9E1EF;
  text-decoration: none; }

.multi-checkbox a:active {
  text-decoration: none; }

.multi-checkbox a.selected {
  background: #16a0d3;
  border-color: #1096c7;
  color: #fff; }

.multi-checkbox a:last-child {
  /*border-right:1px solid #d4d4d4;*/ }

/*多项选择PORP*/
.multi-porp ul li {
  float: left;
  position: relative;
  margin: 0 5px 5px 0;
  padding: 1px;
  line-height: 20px;
  vertical-align: middle; }

.multi-porp ul li a {
  display: block;
  padding: 4px 10px;
  color: #666;
  min-width: 10px;
  width: auto !important;
  text-align: center;
  text-decoration: none;
  border: 1px solid #eee;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis; }

.multi-porp ul li i {
  display: none;
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 14px;
  height: 14px;
  color: #1e99c7;
  font-size: 14px;
  line-height: 1em;
  overflow: hidden; }

.multi-porp ul li.sys {
  background: #FFFFD0; }

.multi-porp ul li.selected a {
  margin: -1px;
  color: #333;
  border: 2px solid #1e99c7; }

.multi-porp ul li.selected i {
  display: block; }

/*下拉菜单*/
.single-select {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
  *float: left; }

.single-select .boxwrap {
  display: inline-block;
  vertical-align: middle; }

.single-select .select-tit {
  position: relative;
  display: block;
  margin-bottom: 1px;
  padding: 5px 38px 5px 10px;
  min-width: 40px;
  line-height: 20px;
  border: solid 1px #eee;
  text-decoration: none;
  background: #fff;
  white-space: nowrap;
  word-break: break-all;
  border-radius: 4px; }

.single-select .select-tit span {
  display: inline-block;
  color: #333;
  font-size: 12px;
  vertical-align: middle; }

.single-select .select-tit i {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 28px;
  height: 100%;
  border-left: 1px solid #eee;
  color: #666;
  font-size: 10px;
  line-height: 30px;
  text-align: center;
  background: #fafafa;
  -webkit-transform: scale(0.833); }

.single-select .select-items {
  display: none;
  position: absolute;
  left: 0;
  top: 35px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  /*overflow:hidden;*/ }

.single-select .select-items ul {
  position: relative;
  padding: 5px;
  min-width: 120px;
  max-height: 280px;
  border: 1px solid #eee;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden; }

.single-select .select-items ul li {
  display: block;
  padding: 4px 10px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  cursor: pointer; }

.single-select .select-items ul li:hover {
  color: #fff;
  text-decoration: none;
  background: #16a0d3; }

.single-select .select-items ul li.selected {
  color: #fff;
  background: #16a0d3; }

.single-select.up .select-items {
  top: auto;
  bottom: 35px; }

/* =========================内页通用样式.开始======================= */
.location {
  padding-bottom: 9px;
  border-bottom: solid 1px #eee;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #686f7f;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.location a {
  display: inline-block;
  color: #686f7f;
  text-decoration: none; }

.location a:hover {
  color: #0065D9;
  text-decoration: none; }

.location a i {
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 14px;
  color: #333;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle; }

.location a.back {
  margin-right: 15px; }

.location .arrow {
  display: inline-block;
  margin: auto 0;
  width: 10px;
  height: 14px;
  color: #333;
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
  -webkit-transform: scale(0.833); }

textarea {
  overflow: auto; }

textarea.input {
  width: 300px;
  height: 65px; }

.input {
  padding: 5px 4px;
  min-height: 32px;
  line-height: 20px;
  border: 1px solid #eee;
  background: #fff;
  vertical-align: middle;
  color: #333;
  font-size: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  *min-height: 20px;
  border-radius: 4px; }

.input.normal {
  width: 300px; }

.input.txt {
  width: 200px; }

.input.small {
  width: 80px; }

.input:focus {
  background: #FFFBDE;
  border-color: #7BBFF2;
  outline: 2px solid #99D8F5; }

/*日期样式*/
.date-input {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 32px;
  vertical-align: middle;
  *display: inline;
  border-radius: 4px; }

.date-input i {
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  color: #535353;
  font-size: 14px;
  text-align: center; }

.select {
  margin: 1px;
  padding: 4px;
  min-height: 20px;
  line-height: 20px;
  border: 1px solid #eee;
  background: #fff;
  vertical-align: middle;
  color: #333;
  font-size: 100%; }

.date-input input {
  padding-left: 25px;
  width: 160px; }

.select1 {
  padding: 1px;
  min-height: 20px;
  line-height: 20px;
  border: 1px solid #eee;
  background: #fff;
  vertical-align: middle;
  color: #333;
  font-size: 100%; }

/* =========================内页通用样式.结束======================= */
/*上传样式*/
.upload-box {
  position: relative;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  zoom: 1;
  *display: inline; }

.upload-box .upload-btn {
  display: inline-block;
  height: 32px;
  zoom: 1;
  *display: inline; }

.upload-box .upload-progress {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 5px;
  width: 115px;
  height: 26px;
  border: 1px solid #d7d7d7;
  background: #fff;
  overflow: hidden; }

.upload-box .upload-progress .txt {
  display: block;
  padding-right: 10px;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  line-height: 18px;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden; }

.upload-box .upload-progress .bar {
  position: relative;
  display: block;
  width: 112px;
  height: 4px;
  border: 1px solid #1da76b; }

.upload-box .upload-progress .bar b {
  display: block;
  width: 0%;
  height: 4px;
  font-weight: normal;
  text-indent: -99em;
  background: #28B779;
  overflow: hidden; }

.upload-box .upload-progress .close {
  position: absolute;
  display: block;
  top: 1px;
  right: 1px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
  overflow: hidden; }

.upload-box .upload-progress .close:hover {
  text-decoration: none; }

.upload-box .upload-progress .close i {
  color: #535353;
  font-size: 10px;
  line-height: 14px;
  -webkit-transform: scale(0.833); }

/*=====================以下部分是WebUploader必须的====================*/
.webuploader-container {
  position: relative; }

.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.webuploader-pick {
  position: relative;
  display: inline-block;
  width: 65px;
  line-height: 30px;
  height: 30px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  background: #fff;
  color: #333;
  text-align: center;
  overflow: hidden;
  zoom: 1;
  *display: inline;
  border-radius: 4px; }

.webuploader-pick-hover {
  background: #fafafa; }

.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none; }

/*=====================以上部分是WebUploader必须的====================*/
/*=====================以下部分是Validform必须的====================*/
.Validform_checktip {
  margin-left: 8px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  color: #999;
  font-size: 12px; }

.Validform_right {
  color: #71b83d;
  padding-left: 20px;
  background: url(../../img/valid_icons.png) no-repeat -40px -20px; }

.Validform_wrong {
  color: red;
  padding-left: 20px;
  white-space: nowrap;
  background: url(../../img/valid_icons.png) no-repeat -20px -40px; }

.Validform_loading {
  padding-left: 20px;
  background: url(../../img/icon_onload.gif) no-repeat left center; }

.Validform_error {
  background: #FEFBD3; }

#Validform_msg {
  color: #7d8289;
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
  width: 280px;
  -webkit-box-shadow: 2px 2px 3px #aaa;
  -moz-box-shadow: 2px 2px 3px #aaa;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 50px;
  z-index: 99999;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }

#Validform_msg .iframe {
  position: absolute;
  left: 0px;
  top: -1px;
  z-index: -1; }

#Validform_msg .Validform_title {
  position: relative;
  line-height: 35px;
  height: 35px;
  text-align: left;
  font-weight: bold;
  padding: 0 10px;
  color: #fff;
  background: #33B5E5; }

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: 0px;
  color: #fff;
  text-decoration: none; }

#Validform_msg a.Validform_close:hover {
  color: #ccc; }

#Validform_msg .Validform_info {
  padding: 10px;
  border: 1px solid #bbb;
  border-top: none;
  text-align: left; }

/*=====================以上部分是Validform必须的====================*/
.tabs-scroll {
  float: left;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: none; }

.scroll-left {
  background: url("../../img/tabs_arrow.png") no-repeat 0px center; }

.scroll-right {
  background: url("../../img/tabs_arrow.png") no-repeat -30px center; }

.tabs-container {
  float: left;
  overflow: hidden;
  white-space: nowrap; }

.tabs-container div {
  display: inline-block;
  position: relative;
  padding: 0 10px 0 5px; }

.tabs-container div.selected {
  background: #F9F9F7;
  color: #2f80d1;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.tabs-container div a.tab {
  display: inline-block;
  padding: 0 10px;
  min-width: 64px !important;
  width: auto !important;
  text-decoration: none;
  color: #FFF;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  position: relative; }

.tabs-container div.selected a.tab {
  color: #2f80d1;
  padding: 0px 10px 0px 2px; }

.tabs-container div a.close {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  right: 3px;
  background: url("../../img/tabs_close.png") 0px center no-repeat; }

.tabs-container div a:hover.close {
  background-position: -16px center; }

.tabs-container div.selected a.close {
  display: inline-block;
  /**+display: inline;
    *+zoom: 1;*/ }
